
<?php 
	$cdnUrl = Zend_Registry::get('cdnServer');
	$baseUrl = Zend_Registry::get('baseServer');
?>
<style type="text/css">
#ajaxLoader{
	display:none;
	margin: auto;
	z-index: 999;
}
</style>

<link href="<?php echo $cdnUrl?>/plugins/uni-form/css/uni-form.css" rel="stylesheet" media="screen" type="text/css" />
<link href="<?php echo $cdnUrl?>/plugins/uni-form/css/default.uni-form.css" rel="stylesheet" media="screen" type="text/css" />
<link href="<?php echo $cdnUrl?>/css/app.uni-form.css" rel="stylesheet" media="screen" type="text/css" />

<h1 class="page_title">Job Seeker Registration</h1>
<div id="jobSeekerRgrnForm" style="padding:0 10px 10px 10px; border:1px solid black">
	<form action="javascript:submit();" autocomplete="false" class="uniForm">
	
		<fieldset id="loginInfo" >
	        <h3>Login Information</h3>
	        
	        <div class="ctrlHolder">
	          <label for="username"><em class="red">*</em>Username</label>
	          <input name="username" id="username" size="35" maxlength="15" type="text" class="required validatePhrase"/>
	          <p class="formHint usernamehint">Max length 15 characters.</p>
	        </div>
	        
	        <div class="ctrlHolder">
	          <label for="password"><em class="red">*</em>Password</label>
	          <input name="password" id="password" size="35" maxlength="15" type="password" class="required validatePhrase"/>
	          <p class="formHint">Max length 15 characters</p>
	        </div>
	        
	        <div class="ctrlHolder">
	          <label for="email"><em class="red">*</em>Primary Email</label>
	          <input name="email" id="email" size="35" maxlength="50" type="text" class="required validateEmail"/>
	          <p class="formHint">Email address to be used by recruiters.</p>
	        </div>
	        
        </fieldset>
        
        <fieldset id="recInfo" >
	        <h3>Recruiter Information</h3>
	        <div class="ctrlHolder">
	          <label for="recruiter_name"><em class="red">*</em>Recruiter's Name</label>
	          <input name="recruiter_name" id="recruiter_name" size="35" maxlength="80" type="text" class="required"/>
	          <p class="formHint">Your name as per your resume.</p>
	        </div>
	        
	        <div class="ctrlHolder">
	          <label for="recruiter_type">Recruiter Type</label>
	           <select id="recruiter_type" name="recruiter_type" class="selectInput" size="2">
	           		<option value="COMP" selected="selected">Company</option>
	           		<option value="CSLT">Consultant</option>
	           </select>
	          <p class="formHint">Type of recruiter.</p>
	        </div>
	        
	        <div class="ctrlHolder">
	          <label for="contact_person"><em class="red">*</em>Contact Person Name</label>
	          <input name="contact_person" id="contact_person" size="35" maxlength="80" type="text" class="required"/>
	          <p class="formHint">Your name as per your resume.</p>
	        </div>
	        
	        <div class="ctrlHolder">
	          <label for="contact_no"><em class="red">*</em>Contact Number</label>
	          <input name="contact_no" id="contact_no" size="35" maxlength="30" type="text" class="required validateNumber"/>
	          <p class="formHint">Primary Contact number of recruiter.</p>
	        </div>
	        
	        <div class="ctrlHolder">
	          <label for="alternate_no">Alternate Number</label>
	          <input name="alternate_no" id="alternate_no" size="35" maxlength="30" type="text" class="validateNumber"/>
	          <p class="formHint">Alternate mobile number or landline number.</p>
	        </div>
        
        </fieldset>
        
        <fieldset id="recAddr" >
	        <h3>Recruiter Address</h3>
	        
	        <div class="ctrlHolder">
	          <label for="addressline"><em class="red">*</em>Addressline</label>
	          <input name="addressline" id="addressline" size="35" maxlength="200" type="text" class=" textInput required"/>
	          <p class="formHint">SCO/House No.,Street, Area, locality. Complete Addressline.</p>
	        </div>
	        
	        <div class="ctrlHolder">
	          <label for="city"><em class="red">*</em>City</label>
	          <input name="city" id="city" size="35" maxlength="80" type="text" class="required"/>
	          <p class="formHint">City in which located.</p>
	        </div>
	        
	        <div class="ctrlHolder">
	          <label for="district">District</label>
	          <input name="district" id="district" size="35" maxlength="80" type="text"/>
	          <p class="formHint">Can be same as city in case both are same.</p>
	        </div>
	        
	        <div class="ctrlHolder">
	          <label for="name"><em class="red">*</em>State</label>
	          	 <select id="state" name="state" class="selectInput">
	         		<option value="-1">Please Select</option>
					<optgroup label="Union Territory"></optgroup>
					<option value="Andaman and Nicobar Islands">Andaman and Nicobar Islands</option>
					<option value="Chandigarh">Chandigarh</option>
					<option value="Dadra and Nagar Haveli">Dadra and Nagar Haveli</option>
					<option value="Daman and Diu">Daman and Diu</option>
					<option value="Lakshadweep">Lakshadweep</option>
					<option value="Pondicherry">Pondicherry</option>
					<option value="New Delhi">New Delhi</option>
					<optgroup label="States"></optgroup>
					<option value="Andhra Pradesh">Andhra Pradesh</option>
					<option value="Arunachal Pradesh">Arunachal Pradesh</option>
					<option value="Assam">Assam</option>
					<option value="Bihar">Bihar</option>
					<option value="Chhattisgarh">Chhattisgarh</option>
					<option value="Goa">Goa</option>
					<option value="Gujarat">Gujarat</option>
					<option value="Haryana">Haryana</option>
					<option value="Himachal Pradesh">Himachal Pradesh</option>
					<option value="Jammu/Kashmir">Jammu and Kashmir</option>
					<option value="Jharkhand">Jharkhand</option>
					<option value="Karnataka">Karnataka</option>
					<option value="Kerala">Kerala</option>
					<option value="Madhya Pradesh">Madhya Pradesh</option>
					<option value="Maharashtra">Maharashtra</option>
					<option value="Manipur">Manipur</option>
					<option value="Meghalaya">Meghalaya</option>
					<option value="Mizoram">Mizoram</option>
					<option value="Nagaland">Nagaland</option>
					<option value="Orissa">Orissa</option>
					<option value="Punjab">Punjab</option>
					<option value="Rajasthan">Rajasthan</option>
					<option value="Sikkim">Sikkim</option>
					<option value="Tamil Nadu">Tamil Nadu</option>
					<option value="Tripura">Tripura</option>
					<option value="Uttaranchal">Uttaranchal</option>
					<option value="Uttar Pradesh">Uttar Pradesh</option>
					<option value="West Bengal">West Bengal</option>  		
	           	</select>
	          <p class="formHint">City in which located.</p>
	        </div>
	        <div class="ctrlHolder">
	          <label for="pincode"><em class="red">*</em>Pincode</label>
	          <input name="pincode" id="pincode" size="35" maxlength="6" type="text"/>
	          <p class="formHint">Pincode of the city you are located in.</p>
	        </div>
	    </fieldset>
                    
        <div class="ctrlHolder">
	    	<input name="agree_check" id="agree_check" type="checkbox"  value="true" checked="checked" class="required"/>
	    	<span style="font-size: 12px">I have read and understood and agree to the <span class="simpleLinks"><a href="#">Terms and Conditions</a></span> governing the use of rpglobalconsultants.com.</span>
	    </div>
        <div class="buttonHolder">
        	<button type="submit" class="primaryAction">Submit</button>
        	<button type="reset" class="secondaryAction">Clear form</button>
      	</div>
        
	</form>
</div><!-- End #jobSeekerRgrnDiv -->
<div id="ajaxLoader">
<img src="<?php echo $cdnUrl?>/images/ajax-loader.gif"> <span>Please Wait...</span>
</div>


<script type="text/javascript" src="<?php echo $cdnUrl?>/plugins/uni-form/js/uni-form.jquery.js"></script> 
<script type="text/javascript" src="<?php echo $cdnUrl?>/plugins/uni-form/js/uni-form-validation.jquery.js"></script>

<script type="text/javascript">
var urlRecruiterRegister = "<?php $baseUrl?>/recruiter/register/register";
$(function(){
    $('form.uniForm').uniform({
      prevent_submit : true
    });
});


function submit() {
	$("#ajaxLoader").css('display','block');
    $.ajax({
        url : urlRecruiterRegister,
        type : "get",
        data : getValues(),
        success: function(jStatus){    
             alert('Server Message: '+ jStatus);
             $("#ajaxLoader").css('display','none'); 
             setTimeout(function(){
              	window.location.reload();
              	},1000);
        },
        error: function(response) {
        	alert('Server Message: '+response);
        	$("#ajaxLoader").css('display','none'); 
        	setTimeout(function(){
            	window.location.reload();
            	},1000);
        }
    });
}

function getValues() {
    var formData = {oper:'add'}; 
    $('form.uniForm :input')
    		.not('button,:input[value^="e.g."]')
    		.each(function(){ 
    			formData[this.name] = this.value; 
        });
    return formData;
 }
</script>


